<template>
    <div class="footer">
      <div class="footer-item">
        <div class="footer-left">
          <p>关于我们&nbsp;&nbsp;|&nbsp;&nbsp;贝里小卖铺</p>
          <p>地址：北京市昌平区顺沙路八号院汇德商厦402&nbsp;&nbsp;邮箱：customer@luffycity.com</p>
          <p>北京路飞学城教育科技有限公司版权所有&nbsp;&nbsp;京ICP备17072161号-1</p>
        </div>
        <div class="footer-right">
          <img src="/static/image/erweima.png" alt="">
        </div>     
      </div>

    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
  .footer {
    width: 100%;
    height: 113px;
    background-color: #000000;
  }
  .footer .footer-item {
    width: 960px;
    height: 100%;
    box-sizing: border-box;
    color: #fff;
    margin: 0 auto;
    padding-top: 22px;
  }

  .footer .footer-item .footer-left {
    float: left;
  }
  .footer .footer-item .footer-left p {
    margin-bottom: 6px;
  }
  .footer .footer-item .footer-left p:nth-child(2){
    font-size: 13px;
  }
  .footer .footer-item .footer-left p:nth-child(3){
    font-size: 13px;
  }
  .footer .footer-item .footer-right {
    float: right;
  }
  .footer .footer-item .footer-right img {
    width: 74px;
  }
</style>
